﻿{{ include 'admin/public/header.html' }}
<style>
	.form-horizontal .form-group{
		height: 44px;
	}
</style>

<body>
<div class="navbar navbar-default" id="navbar">
	<script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
	</script>

	{{ include 'admin/public/nav_top.html' }}
</div>

<div class="main-container" id="main-container">
	<script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
	</script>

	<div class="main-container-inner">
		<a class="menu-toggler" id="menu-toggler" href="#">
			<span class="menu-text"></span>
		</a>

		{{ include 'admin/public/slide_left.html' }}

		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<script type="text/javascript">
                    try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
				</script>

				<ul class="breadcrumb">
					<li>
						<i class="icon-home home-icon"></i>
						<a href="#">首页</a>
					</li>
					<li class="active">控制台</li>
				</ul><!-- .breadcrumb -->

				<div class="nav-search" id="nav-search">
					<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
					</form>
				</div><!-- #nav-search -->
			</div>

			<div class="page-content">

				<div class="page-header">
					<h1>
						增加内容
					</h1>
				</div><!-- /.page-header -->



				<!--表格-->

				<div class="table-responsive">

                    <ul id="myTab" class="nav nav-tabs" style="height: 34px;">
                        <li class="active">
                            <a href="#basic" data-toggle="tab">基本设置</a>
                        </li>
                        <li>
                            <a href="#content" data-toggle="tab">内容设置</a>
                        </li>
                        <li>
                            <a href="#seo" data-toggle="tab">SEO设置</a>
                        </li>
                    </ul>
                    <form action="{{__HOST__}}/admin/article/add" method="post" class="form-horizontal" enctype="multipart/form-data">
                        <div id="myTabContent" class="tab-content">
                            <div id="basic" class="tab-pane fade in active">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right" for="pid">所属分类：</label>

                                    <div class="col-sm-10">
                                        <select name="pid" id="pid">
                                            {{each cateList}}
                                                <option value="{{@ $value._id }}">{{ $value.title }}</option>

                                                {{each $value.children}}
                                                    <option value="{{@$value._id}}">　　　{{$value.title}}</option>
                                                {{/each}}
                                            {{/each}}
                                        </select>
                                    </div>
                                    <input type="hidden" name="catename" id="catename"  value="{{cateList[0].title}}" />
                                </div>


                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right" for="title">名称:</label>

                                    <div class="col-sm-10">
                                        <input type="text" id="title"  name="title" class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right" for="title">封面图:</label>

                                    <div class="col-sm-10">
                                        <input type="file" id="file"  name="img_url" class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right" for="title">作者:</label>

                                    <div class="col-sm-10">
                                        <input type="text" id="author"  name="author" class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>



                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right">状态：</label>
                                    <div class="col-sm-10">
                                        <label for="status1">已审核：</label><input type="radio" name="status"  id="status1" value="1" checked />
                                        &nbsp;
                                        <label for="status2">未审核:</label><input type="radio" name="status" id="status2" value="0" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right">加入推荐：</label>
                                    <div class="col-sm-10">
                                        <input type="checkbox" value="1" name="is_best" checked=""> 精品
                                        <input type="checkbox" value="1" name="is_hot" checked=""> 热销
                                        <input type="checkbox" value="1" name="is_new" checked=""> 新品
                                    </div>
                                </div>
                            </div>
                            <div id="content" class="tab-pane fade">
                                <div class="form-group" style="height: auto;">
                                    <label class="col-sm-2 control-label no-padding-right">文章详情:</label>

                                    <div class="col-sm-10">
                                        <script id="editor" name="content" type="text/plain" style="width: 100%; max-width: 800px; height: 500px;"></script>
                                    </div>
                                </div>
                            </div>
                            <div id="seo" class="tab-pane fade">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label no-padding-right" for="keywords">关键字：</label>

                                    <div class="col-sm-10">
                                        <input type="text" id="keywords"  name="keywords" class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>
                                <div class="form-group" style="height:100px;">
                                    <label class="col-sm-2 control-label no-padding-right" for="description">描述：</label>
                                    <div class="col-sm-10">
                                        <textarea  style="height:100px;" class="col-xs-10 col-sm-5"  name="description" id="description" cols="10" rows="10"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

						<div class="form-group" style="margin-top: 15px;">
							<div class="col-sm-12">
								<button type="submit" class="btn btn-primary">提交</button>
							</div>
						</div>

					</form>
				</div>

			</div>
		</div><!-- /.main-content -->

	</div><!-- /.main-container-inner -->

	<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
		<i class="icon-double-angle-up icon-only bigger-110"></i>
	</a>
</div><!-- /.main-container -->


{{ include 'admin/public/footer.html' }}

<script type="text/javascript" charset="utf-8" src="{{__HOST__}}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="{{__HOST__}}/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="{{__HOST__}}/ueditor/lang/zh-cn/zh-cn.js"></script>


<script>
	var ue = UE.getEditor('editor')
</script>
<script>
    var pidDom = document.getElementById('pid');
    var catenameDom = document.getElementById('catename');
    var optionDom = pidDom.getElementsByTagName('option');
    pidDom.addEventListener('change', function(){
        for(var i = 0; i < optionDom.length; i++){
            if(optionDom[i].selected){

                catenameDom.value = optionDom[i].innerText.trim();

            }
        }
    });
</script>
</body>
</html>

